/* pages/mime/mime.wxss */

.user {
    position: relative;
    background-color: #6394C0;
    height: 350rpx;
    color: white;
    display: flex;
    padding: 40rpx;
    padding-top: 50rpx;
    padding-bottom: 190rpx;
    box-sizing: border-box;
    border-radius: 0 0 40rpx 40rpx;
    align-items: center;

    image {
        width: 100rpx;
        height: 100rpx;
        border-radius: 50%;
    }

    .username {
        margin-left: 20rpx;
        font-size: 34rpx;
    }

    .news {
        margin-left: auto;
    }

    view:nth-child(4) {
        --height: 345rpx;
        width: 672rpx;
        height: var(--height);
        border-radius: 10rpx;
        position: absolute;
        bottom: calc(var(--height) / 2 - var(--height) - 50rpx);
        background-color: rgb(255, 255, 255);
        color: black;
        box-shadow: 0rpx 0rpx 10rpx rgba(214, 214, 214, 0.5);
        display: flex;
        flex-direction: column;
        box-sizing: border-box;
        padding: 30rpx;
        padding-top: 10rpx;
        padding-bottom: 10rpx;

        .record {
            display: flex;
            flex: 1;
            align-items: center;

            .icon {
                margin-left: auto;
            }
        }
    }
}